<template>
  <view class="wrapper">
    <view class="tips">我的投诉信息</view>
    <u-cell-group>
      <u-cell-item :arrow="false" value="xxx商品" title="投诉商品"></u-cell-item>
      <u-cell-item :arrow="false" value="新投诉" title="投诉状态"></u-cell-item>
      <u-cell-item :arrow="false" value="2023-08-07" title="投诉时间"></u-cell-item>
      <u-cell-item :arrow="false" value="xxx主题" title="投诉主题"></u-cell-item>
      <u-cell-item :arrow="false" value="xxxx内容" title="投诉内容"></u-cell-item>
      <view class="row" >
        <u-image width="100rpx" height="100rpx" border-radius="10" style="margin: 0 10rpx" v-for="(item, index) in 2" :key="index" src="https://lilishop-oss.oss-cn-beijing.aliyuncs.com/0f423fb60f084b2caade164fae25a9a0.png"/>
      </view>
    </u-cell-group>
    <view class="tips">商家申诉信息</view>
    <u-cell-group>
      <u-cell-item :arrow="false" value='暂无' title="申诉时间"></u-cell-item>
      <u-cell-item :arrow="false" value='暂无' title="申诉内容"></u-cell-item>
      <view class="row">
        <u-image width="100rpx" height="100rpx" border-radius="10" style="margin: 0 10rpx" v-for="(item, index) in 2" :key="index" src="https://lilishop-oss.oss-cn-beijing.aliyuncs.com/0f423fb60f084b2caade164fae25a9a0.png" />
      </view>
    </u-cell-group>
    <view class="tips">平台仲裁</view>
    <u-cell-group>
      <u-cell-item :arrow="false" title="仲裁意见" value= '暂无'></u-cell-item>
    </u-cell-group>
  </view>
</template>

<script>
export default {
  data() {
    return {
    
    };
  },

  onLoad(option) {
  },
  methods: {
  
  },
};
</script>
<style lang="scss" scoped>
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 26rpx 32rpx;
}

.speak-msg {
  padding: 26rpx 32rpx;
  > span {
    color: #999 !important;
  }
}
.admin {
  color: $main-color;
}
.speak-way {
  background: #fff;
}
.wrapper {
  padding: 16rpx;
}
.tips {
  margin: 40rpx 32rpx;
}
</style>
